<script setup lang="ts">

</script>

<template>
<div>
  <AuthenText>
<pre>
温馨提示：域名被购买后，卖家无需再次确认，系统自动将域名转移给买家，出售款项也自动转入到您的账户，一旦出售无法反悔。
</pre>
  </AuthenText>
<MySellDomainSearch></MySellDomainSearch>
  <el-card class="mt-4">
    <el-table
        ref="multipleTable"
        :data="[{
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }]"
        tooltip-effect="dark"
        style="width: 100%"
    >
      <el-table-column type="selection">

      </el-table-column>
      <el-table-column
          label="域名"
      >
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          label="域名分组"
      >
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          label="过期时间"
          sortable
      >
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          prop="address"
          label="售价"
          sortable
      >
      </el-table-column>
      <el-table-column
          prop="address"
          label="成本价"
          sortable
      >
      </el-table-column>
      <el-table-column
          prop="address"
          label="店铺推荐"
      >
      </el-table-column>
      <el-table-column
          prop="address"
          label="结束时间"
          sortable
      >
      </el-table-column>
      <el-table-column
          prop="address"
          label="浏览量"
          sortable
      >
      </el-table-column>
      <el-table-column
          prop="address"
          label="操作"
      >
        <template slot-scope="scope">
          <div class="flex w-full">
            <el-button class="ml-1">下架</el-button>
            <el-button class="ml-1">修改</el-button>
            <el-button class="ml-1">日志</el-button>
            <el-button class="ml-1">删除</el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>
    <div>
      <div class="flex">
        <el-checkbox class="ml-2"></el-checkbox>
        <div class="w-52 ml-2">
          <el-select>
            <el-option v-for="(item,ind) in ['批量修改','批量上架','批量删除']" :label="item" :value="ind+1"></el-option>
          </el-select>
        </div>
        <div class="ml-2"><el-button type="primary">批量操作</el-button></div>

      </div>
      <div>
        <MyPage></MyPage>
      </div>
    </div>

  </el-card>
</div>
</template>

<style scoped lang="scss">

</style>